.hard {
    width: 3072px;
    height: 1280px;

    .el-loading-text {
        font-size: 40px;
    }

    .chart-demo {
        height: calc(100% - 80px - 12px);
        margin: 6px;
        border-radius: 8px;
        width: calc(100% - 12px);
    }

    .one {
        .chart3D {
            width: 1128.02px;
            margin-right: 10px;
        }

        .chart3D-right-table {
            width: calc(100% - 1138.02px);
        }

        .chart3D-table {
            width: calc(100% - 472.72px);
        }

        .radar {
            width: 472.72px;
        }

        /* 连路域 */
        .left-table {
            width: 1054px;
        }

        .piecewise {
            width: calc(100% - 1054px);
        }

        .link-table {
            height: 630px;
        }

        .link-rate {
            height: calc(100% - 630px);
        }
    }

    .all {
        .chart3D {
            height: 366px;
        }

        .chart3D-right-table {
            height: 462px;
        }

        .chart3D-table {
            width: 57.6%;
        }

        .radar {
            width: 42.4%;
        }

        /* 链路域 */
        .link-table {
            height: 232px;
        }

        .link-rate {
            height: 274px;
        }
    }

    .chart-all-page>.chart-item {
        flex: 1;
        margin-left: 6px;
        border-radius: 8px;
    }

    .chart-all-page>*:first-child {
        margin-left: 0;
    }

    .chart-item-title {
        height: 48px;
        line-height: 48px;
        padding-left: 25px;
        font-size: 18px;
    }

    .chart-item-bottom {
        padding-right: 20px;
    }

    .chart-item-content {
        height: calc(100% - 48px);
    }

    .chart-all-min-page>.chart-all-min-bottom {
        height: calc(25% - 3px);
        border-radius: 0 8px 8px 0px;
        margin-bottom: 3px;
    }

    .chart-all-min-page>*:last-child {
        height: 25%;
        margin-bottom: 0;
    }

    .boxplot-box {
        padding: 33px 0;
    }

    .input-label {
        font-size: 18px;
    }

    .across-table-content {
        min-width: 300px;
    }

    .across-tbody {
        min-width: 30px;
    }

    .across-thead,
    .td-cell {
        font-size: 18px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .td-cell {
        line-height: 35px;
        min-width: 60px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .sw-table-page {
        padding: 10px;
    }

    .sw-table {
        thead {
            th {
                font-size: 18px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                min-width: 40px;
                max-width: 200px;
            }

            /* //此代码是让每行右边侧变圆 */
            tr th:last-child {
                border-radius: 0 30px 30px 0;
            }

            /* //此代码是让每行左侧变圆 */
            tr th:first-child {
                border-radius: 30px 0 0 30px;
            }
        }

        tbody {
            td {
                font-size: 18px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                min-width: 40px;
                max-width: 200px;
            }

            /* //此代码是让每行右边侧变圆 */
            tr td:last-child {
                border-radius: 0 30px 30px 0;
            }

            /* //此代码是让每行左侧变圆 */
            tr td:first-child {
                border-radius: 30px 0 0 30px;
            }
        }

    }








}